<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>列表组--组合列表项的状态</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div class="list-group">
  <a href="##" class="list-group-item active"><span class="badge">5902</span>图解CSS3</a>
	<a href="##" class="list-group-item"><span class="badge">15902</span>W3cplus</a>
	<a href="##" class="list-group-item"><span class="badge">59020</span>慕课网</a>
	<a href="##" class="list-group-item disabled"><span class="badge">0</span>Sass中国</a>
</div>
<br/>
<br/>
<!--下面是代码任务部分-->
<h2>代码任务部分</h2>
<div class="list-group">
    <a href="##" class="list-group-item active">性能优化之PHP优化<span class="badge">10</span></a>
    <a href="##" class="list-group-item">Canvas绘图详解<span class="badge">3</span></li>
    <a href="##" class="list-group-item disabled">玩转Bootstrap<span class="badge">0</span></a>
    <a href="##" class="list-group-item">基于bootstrap的网页开发<span class="badge">22</span></a>
</div>




  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
</body>
</html>